
.container{
  min-height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: #FAFAFC;
}

.img-logo{
  width: 186rpx;
  height: 186rpx;
  margin-top: 101rpx;
}
.title{
  margin: 40rpx 0;
  font-weight: bold;
  color: #202536;
  font-size: 36rpx;
}
.icon{
  margin-top: 60rpx;
}
.name{
  color: #9497B1;
  font-size: 28rpx;

}
.box{
  width: 85%;
  margin-top: 40rpx;
  background: #FFFFFF;
  border-radius: 16rpx;
  padding: 0 30rpx;
  .btn{
    width: 150rpx;
    height: 60rpx;
    border-radius: 30rpx;
    border: 1rpx solid #00D679;
    color: $green;
    font-size: 24rpx;
    text-align: center;
    line-height: 60rpx;
  }
}
.box-title{
  font-weight: bold;
  font-size: 28rpx;
}
.box .box-title,.box .box-row{
  margin: 20rpx 0;
}
.box .key{
  color: #9497B1;
  margin-right: 20rpx;
}
.tips{
  // position: fixed;
  height: 72rpx;
  line-height: 72rpx;
  color: #FF7E68;
  font-size: 24rpx;
  // top: 30rpx;
  width: 100vw;
  // left: 0;
  background: #FFF2EF;
  margin-bottom: 65rpx;
  .text{
      margin-left: 30rpx;
  }
}
.media{
  @include padding-box(0 0 0 135rpx);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  
  .file-i{
    margin: 30rpx 0;
  }
  .img{
    width: 134rpx;
    height: 134rpx;
    margin-right: 15rpx;
    border-radius: 16rpx;
  }
  .video{
    width: 134rpx;
    height: 134rpx;
    margin-right: 12rpx;
  }
}
